@import '~vux/src/styles/reset.less';
@import '~vux/src/styles/1px.less';
@import './theme.less';
@import './rtl.less';
@import './ug-font.css';
@import './animation.less';


html, body, #app {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

body {
  // background-color: #fbf9fe;
  background-color: #f1f2f3;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  display: block;
  -webkit-tap-highlight-color: rgba(0,0,0,.05);
  color: #000;
}

div {
  box-sizing: border-box;
}

img {
  vertical-align: top;
}

.weui-tabbar__icon svg {
  width: 100% !important;
  height: 100% !important;
}

.text-center {
  text-align: center;
}

.weui-toast__content,.vux-prompt-msgbox{
  font-size: 0.8rem;
}

.weui-dialog__title{
  font-size: 0.8rem !important;
}

.card{
  margin: 0 auto;
  width: 95%;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding:15px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.05);
}

.card .cardTitle{
  font-size:0.9rem;
}

.card .cardBody{
  padding-top:10px;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.clearfix:after {
  display: block;
  content: " ";
  clear: both;
}

.color-red {
  color: #f84d32;
}

.orange-btn-color {
  color: #fff;
  background: linear-gradient(90deg,#FF8251,#FE5D03);
  box-shadow: 1px 2px 3px #FDAF99;
}

.fab {
  display: inline-block;
  font-size: 1em;
  text-align: center;
  min-height: 1em;
  line-height: 1em;
  background-color: #f84d32;
  border-radius: 100%;
  margin-top: 10px;
  box-shadow: 0 0 0.61538462em rgba(0,0,0,.4);
  padding: .8em;
}

.fab .svg-icon {
  font-size: 1.2em;
  vertical-align: -.1em !important;
}


.tap-more {
  text-align: center;
  padding: 15px;
  font-size: 14px;
  color: #999;
}

.weui-btn_primary {
  background: linear-gradient(to left, rgb(20, 136, 204), #03A9F4);
}

.weui-dialog__btn_primary {
  color: @blue;
}
.van-pagination__item{
  font-size:0.7rem;
}
.weui-label,
.vux-label,
.weui-cell__primary,
.weui-cell__ft,
.vux-popup-header,
.scroller-item,
.weui-cell__bd{
  font-size:0.8rem !important;
}
.vux-number-round .vux-number-selector-sub, .vux-number-round .vux-number-selector-plus {
  border: 1px solid @blue !important;
}

.vux-number-selector {
  color: @blue !important;
}

.vux-number-selector svg {
  fill: @blue !important;
}

.weui-btn_plain-primary {
  color: @blue !important;
  border: 1px solid @blue !important;
}

.weui-btn_plain-warning {
  color: @orange !important;
  background:#fff;
  border: 1px solid @orange !important;
}

.weui-btn_plain-success {
  color: @green !important;
  background:#fff;
  border: 1px solid @green !important;
}

.weui-btn_plain-success:after, .weui-btn_plain-warning:after {
  border-width: 0 !important;
}

.vux-step-item-head-process .vux-step-item-head-inner {
  border: 1px solid @blue !important;
  background-color: @blue !important;
}

.vux-step-item-head-finish .vux-step-item-head-inner {
  border: 1px solid @blue !important;
  color: @blue !important;
}

.weui-btn + .weui-btn {
  margin-top: 0 !important;
}

.weui-dialog__ft {
  font-size: 14px !important;
}

.weui-toast.weui-toast_forbidden {
  color: #fff;
}

.weui-toast_forbidden .weui-icon_toast.weui-icon-success-no-circle:before {
  color: #fff;
}

.vux-label, .weui-dialog__bd{
  word-wrap: normal !important;
  word-break: normal !important;
  font-size: 0.8rem;
}

.weui-icon-success:before {
  color: @blue !important;
}

// fix cant move list in ios
#vux_view_box_body > div {
  min-height: calc(100% + 1px);
  padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
}

#vux_tabbar {
  padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
}

.search-container {
  position:sticky;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  background:linear-gradient(180deg, #d81e06, #e25644) !important;
}

.border {
  border: 1px #e5e5e5 solid;
  border-radius: 5px;
  margin: 0 15px 5px 15px;
}

.tags .wk-tag + .wk-tag {
  margin-left: 2px;
}

.fixed-center-btn {
  display: block;
  color: #fff;
  background-color: @blue;
  width: 110px;
  padding: 8px 6px;
  text-align: center;
  border-radius: 99px;
  position: fixed;
  bottom: 65px;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
  font-size: 14px;
  z-index: 10;
}

.merchant-apply-btn {
  display: block;
  color: #fff;
  background: linear-gradient(to top, #1488cc, #03A9F4);
  width: 120px;
  padding: 8px 6px;
  text-align: center;
  border-radius: 99px;
  position: fixed;
  bottom: 65px;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
  font-size: 12px;
}

.vux-x-dialog-absolute .weui-dialog {
  position: fixed;
}

.payment-popup {
  bottom: 6px !important;
}

.vue-slider-component {
  direction: ltr;
  .vue-slider-tooltip {
    font-family: Arial, Helvetica, sans-serif;
  }
} 

.form-generator {
  .vux-cell-value {
    color: #353535 !important;
  }
  
  // 表单生成器下select组件
  .select-element {
    .weui-cell__ft {
      width: 100% !important;
      text-align: left !important; /* rtl:ignore */
    }
  }
}

.weui-btn_mini {
  padding: 0 14px !important;
  font-size:0.7rem !important;
}

// fix cant move list in ios
#vux_view_box_body > div {
  min-height: calc(100% + 1px);
  padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
}

#vux_tabbar {
  padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
}